On mobile (below sm breakpoint), the enterprise logo grid is now
replaced with a horizontally scrolling marquee that shows all logos
in a continuous loop, matching the HeroStatsStrip animation pattern.

- All logos are visible on mobile (previously only 6 of 12 shown)
- Uses framer-motion for smooth infinite horizontal scroll
- Gradient mask fades edges for seamless visual loop
- Desktop grid layout (sm and above) remains unchanged
- Slightly smaller logos (40px vs 56px) in marquee for better fit

Resolves MKT-2060

Co-authored-by: felixkrrr <felixkrrr@users.noreply.github.com>

- Increase marquee logo height from 40px to 48px
- Fix padding override so !py-0 !px-1 properly eliminates the
  default LinkBox padding (py-1.25 px-4.5) that was creating
  oversized hit boxes around each logo

Co-authored-by: felixkrrr <felixkrrr@users.noreply.github.com>

The SVG logos have large whitespace margins within their 140x40
viewBox. In the marquee, use negative horizontal margin (-mx-[20px])
on the images with overflow-hidden wrapper to visually crop the
side whitespace, making logos appear larger and sit closer together.

Co-authored-by: felixkrrr <felixkrrr@users.noreply.github.com>

Render logos at full 56px height (same as desktop) but crop to a
32px visible area with overflow-hidden. Negative margins on all
sides (-mx-22px, -my-12px) trim the whitespace baked into the SVG
viewBoxes, making the actual logo content appear much larger and
tightly packed.

Co-authored-by: felixkrrr <felixkrrr@users.noreply.github.com>

Increase image from 56px to 72px, visible container from 32px to
44px, and adjust crop margins (-mx-28px, -my-14px) to keep the
whitespace trimmed while showing logos at a larger size.

Co-authored-by: felixkrrr <felixkrrr@users.noreply.github.com>

Replace negative-margin cropping approach with scale-150 transform
which reliably scales up the logo content by 50%. Container is 44px
tall with overflow-hidden and flex items-center to vertically center
the scaled logos.

Co-authored-by: felixkrrr <felixkrrr@users.noreply.github.com>

- Scale down from 150% to 125%
- Remove all padding on marquee LinkBoxes (!p-0) for tighter spacing

Co-authored-by: felixkrrr <felixkrrr@users.noreply.github.com>

… gaps

Apply -mx-5 on each logo's overflow-hidden wrapper to overlap the
SVG's baked-in horizontal whitespace, pulling logos much closer
together in the mobile marquee.

Co-authored-by: felixkrrr <felixkrrr@users.noreply.github.com>

Mark the second copy of LogoMarqueeItems with aria-hidden='true'
so assistive technology doesn't announce every logo twice.

Addresses PR review comment from greptile.

Co-authored-by: felixkrrr <felixkrrr@users.noreply.github.com>

- Replace aria-hidden='true' with inert on the duplicate marquee
  wrapper so focusable links are also removed from tab order (P1)
- Remove dead grid-cols-3 class from desktop grid wrapper
- Remove unused Fragment import

Co-authored-by: felixkrrr <felixkrrr@users.noreply.github.com>

- Use useReducedMotion() from framer-motion to disable the marquee
  animation when the user has prefers-reduced-motion enabled,
  addressing WCAG 2.2.2 (Pause, Stop, Hide, Level A).
- Remove role='marquee' from the mobile wrapper — the DOM content
  is static (only CSS transforms animate), so the live-region role
  is semantically incorrect. Matches HeroStatsStrip pattern.

Co-authored-by: felixkrrr <felixkrrr@users.noreply.github.com>

- Replace inert wrapper with per-LinkBox aria-hidden/tabIndex on
  the duplicate copy. The inert attribute blocked all interaction
  (clicks/taps) on the duplicate logos, which are visible ~50% of
  the marquee cycle. Now duplicate links remain clickable but are
  hidden from AT and removed from tab order.

- When prefers-reduced-motion is enabled, render a horizontally
  scrollable row (overflow-x-auto, single copy, hidden scrollbar)
  instead of the animated marquee. Previously the animation was
  just disabled, leaving logos clipped by overflow-hidden with no
  way to reach them.

Co-authored-by: felixkrrr <felixkrrr@users.noreply.github.com>